.makeimgindex {
  width: 100%;
  height: auto;
  min-height: 100vh;
  background: #000000;
  padding-bottom: 160px;

  &_title {
    width: 80%;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 50px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
  }

  &_img {
    width: 95%;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    background-color: #fff;

    #dom_img {
      width: 100%;
      position: relative;
    }

    .MovableArea {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent;

      .MovableView {
        &_i {
          height: 40px;
          font-size: 22px;
          line-height: 40px;
          color: rgb(255, 253, 253);
          border-bottom: 2px solid #fff;
          padding-left: 10px;
          position: relative;

          &_icon {
            position: absolute;
            right: -13px;
            top: -10px;
            background-color: #bebebe;
            padding: 2px;
            border-radius: 50%;
            transform: rotateZ(45deg);

            .icon-jiahao {
              font-size: 15px;
              color: rgb(255, 255, 255);
            }
          }
        }

        &_i::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          background: rgb(255, 255, 255);
          width: 10px;
          height: 10px;
          border-radius: 50%;
          transform: translate(0, 50%);
        }
      }
    }
  }

  &_btn {
    width: 430px;
    height: 80px;
    border: solid 2px #000000;
    font-size: 25px;
    text-align: center;
    line-height: 80px;
    margin: 0 auto;

    &_label {
      border-radius: 40px;
      border: 1px solid rgba(255, 255, 255, 0.4);
      color: #fff;
      margin-top: 40px;
      margin-bottom: 40px;
    }

    &_complete {
      background: var(--color-primary);
      border-radius: 40px;
      color: #fff;
    }
  }
}
